<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>我的提问</title>
    <link rel="stylesheet" href="css/css/framework7.ios.min.css">
    <link rel="stylesheet" href="css/css/framework7.ios.colors.min.css">
    <link rel="stylesheet" href="assets/lib/iconfont/iconfont.css">
    <link rel="stylesheet" href="css/custom/index.css">
</head>
<style>
    body{
        background-color: rgb(245, 245, 245);
    }
</style>
<body>

    <!-- 顶部固定导航栏 -->
    <div class="navbar">
        <div class="navbar-inner">
            <a href="#" class="iconfont icon-fanhui back link" style="color:white;font-size:22px"></a>
            <div class="center"  style="margin:0 auto;font-weight:300">兑换详情</div>
        </div>
    </div>

    <!-- <div class="view-main" > -->
        <div class="page no-tabbar" data-page="ExchangeDetails">
            <div class="page-content">
                
                <!-- 兑换详情 -->
                <div class="ExchangeDe" style="margin-top:44px;">
                    <div class="Dettitle">
                        <span>EDU10枚</span>
                    </div>
                    <div class="Details">
                        <span>兑换商品详情</span> 
                        <span>剩余积分:1180</span>
                    </div>
                </div>
                <!-- 详情列表-->
                <div class="list-block inset">
                    <div class="list-group">
                        <ul>
                        <li class="item-content">
                            <div class="item-inner">
                                <div class="item-title">兑换总数</div>
                                <div class="item-after">3000个</div>
                            </div>
                        </li>
                        <li class="item-content">
                            <div class="item-inner">
                                <div class="item-title">已兑换数</div>
                                <div class="item-after">200个</div>
                            </div>
                        </li>
                        <li class="item-content">
                            <div class="item-inner">
                                <div class="item-title">剩余兑换数</div>
                                <div class="item-after">100个</div>
                            </div>
                        </li>
                        <li class="item-content">
                            <div class="item-inner">
                                <div class="item-title">已兑换比例</div>
                                <div class="item-after">5(积分/个)</div>
                            </div>
                        </li>
                        <li class="item-content">
                            <div class="item-inner">
                                <div class="item-after" >
                                    <a href="#" >查看代币详情》</a>
                                </div>
                            </div>
                        </li>
                        </ul>
                    </div>
                </div>   
                
                <div class="Details">
                    <span>个人兑换信息</span> 
                </div>
                
                <form id="my-form" class="list-block inset">
                    <ul>
                        <li>
                            <div class="item-content">
                                <div class="item-inner">
                                <div class="item-title label">姓名</div>
                                <div class="item-input">
                                    <input type="text" name="name" placeholder="请输入您的姓名">
                                </div>
                                </div>
                            </div>
                        </li>
                        <li>
                            <div class="item-content">
                                <div class="item-inner">
                                <div class="item-title label">推荐码</div>
                                <div class="item-input">
                                    <input type="text" name="name" placeholder="请输入您的钱包运营平台">
                                </div>
                                </div>
                            </div>
                        </li>
                        <li>
                            <div class="item-content">
                                <div class="item-inner">
                                <div class="item-title label">兑换数量</div>
                                <div class="item-input">
                                    <input type="text" name="name" placeholder="最大可兑换币数:1">
                                </div>
                                </div>
                            </div>
                        </li>
                        <li>
                            <div class="item-content">
                                <div class="item-inner">
                                <div class="item-title label">钱包类型</div>
                                <div class="item-input">
                                    <input type="text" name="name" placeholder="请选择钱包类型">
                                </div>
                                </div>
                            </div>
                        </li>
                        <li>
                            <div class="item-content">
                                <div class="item-inner">
                                <div class="item-title label">手机号</div>
                                <div class="item-input">
                                    <input type="text" name="name" placeholder="请输入您的手机号码">
                                </div>
                                </div>
                            </div>
                        </li>
                    </ul>
                </form>
                
                <div style="padding:0 10px">
                    <div class="content-block">
                        <a href="#" class="button form-to-json">立即兑换</a>
                    </div>
                </div>
                
           
            </div>
        </div>
    <!-- </div> -->

    
    <script type="text/javascript" src="js/framework7.min.js"></script>
     <!-- 自定义的js -->
    <script type="text/javascript" src="js/my-app.js"></script>
</body>
</html>